<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>行政申请在线申请-6</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" />
    <link rel="stylesheet" href="../static/layer/mobile/need/layer.css" th:href="@{/layer/mobile/need/layer.css}" />
    <link rel="stylesheet" href="../static/css/main.css" th:href="@{/css/main.css}" />
    <style>

    </style>
</head>

<body>
    <div class="header">
        <div class="container">
        </div>
    </div>

    <div class="searchBar">
        <div class="container">
            <a class="toIndex" ><span><</span>返回首页</a>
        </div>
    </div>

    <section>
        <div class="container">
            <div class="info">
    <!--            <p>-->
    <!--                <i class="left_line"></i>-->
    <!--                <span>行政复议申请书</span>-->
    <!--            </p>-->

            </div>

            <div class="row">
                <div class="col-sm-10" >
                    <div class="reviewBox">
                        <div class="">
                            <div class="name">
                                <h3>行政复议申请书</h3>
                                <span>
                                （公民/法人或者其他组织）
                               </span>
                            </div>
                       <!-- 个人-->
                        <p>
                            <span class="keys">申请人：（姓名）</span>
                            <span class="fill" th:text="${session.applicantName}"></span>
                            <span class="keys">性别：</span>
                            <span class="fill" th:text="${session.applicantSex==0?'男':'女'}"></span>
                            <span class="keys">出生日期：</span>
                            <span class="fill" th:text="${session.applicantBirthday}"></span>
                            <span class="keys">身份证号码：</span>
                            <span class="fillIn" th:text="${session.applicantCerNum}"></span>
                        </p>
                        <p>
                            <span class="keys">工作单位：</span>
                            <span class="fillIn" th:text="${session.applicantWorkUnit}"></span>
                            <span class="keys">住所：</span>
                            <span class="fillIn" th:text="${session.applicantLocation}"></span>
                        </p>
                        <p>
                            <span class="keys">邮编：</span>
                            <span class="fillIn" th:text="${session.applicantPostalCode}"></span>
                            <span class="keys">电话：</span>
                            <span class="fillIn" th:text="${session.applicantPhone}"></span>
                            <span class="keys">电子邮箱 ：</span>
                            <span class="fillIn" th:text="${session.applicantEmail}"></span>
                        </p>
                       <!-- 法人-->
                        <p>
                            <span class="keys">法人或者其他组织（名称）：</span>
                            <span class="fillIn" th:text="${session.applicantCompanyName}"></span>
                            <span class="keys"> 组织机构代码：</span>
                            <span class="fill" th:text="${session.applicantCompanyNum}"></span>
                            <span class="keys"> 法人代表：</span>
                            <span class="fill" th:text="${session.applicantPerson}"></span>
                        </p>
                        <p>
                            <span class="keys"> 申请人：</span>
                            <span class="fill" th:text="${session.applicantLegalPerson}"></span>
                            <span class="keys">联系人电话（姓名） ：</span>
                            <span class="fillIn" th:text="${session.applicantLegalPhone}"></span>
                            <span class="keys">电子邮箱：</span>
                            <span class="fill" th:text="${session.applicantLegalEmail}"></span>
                        </p>



                    <!-- 被申请人-->
                        <p>
                            <span class="keys">被申请人：（名称） ：</span>
                            <span class="fill" th:text="${session.respondentName}"></span>
                            <span class="keys">法人代表：</span>
                            <span class="fill" th:text="${session.respondentLegalName}"></span>
                            <span class="keys">所在地：</span>
                            <span class="fill" th:text="${session.respondentLocation}"></span>
                            <span class="keys">联系方式：</span>
                            <span class="fill" th:text="${session.respondentPhone}"></span>

                        <p>
                        <!--委托代理人-->
                        <p>
                            <span class="keys">委托代理人：（姓名） </span>
                            <span class="fillIn" th:text="${session.agentName}"></span>
                            <span class="keys">性别：</span>
                            <span class="fill" th:text="${session.agentSex == 0?'男':'女'}"></span>
                            <span class="keys">出生日期：</span>
                            <span class="fillIn" th:text="${session.agentBirthday}"></span>

                        </p>
                        <p>

                            <span class="keys">职业：</span>
                            <span class="fillIn" th:text="${session.agentVocation}"></span>
                            <span class="keys">工作单位/住所：</span>
                            <span class="fillIn" th:text="${session.agentLocation}"></span>
                            <span class="keys">邮编：</span>
                            <span class="fill" th:text="${session.agentPostalCode}"></span>
                        </p>
                        <p>
                            <span class="keys">电话：</span>
                            <span class="fillIn" th:text="${session.agentPhone}"></span>
                            <span class="keys">电子邮箱：</span>
                            <span class="fillIn" th:text="${session.agentContactsEmail}"></span>
                        </p>
                        <!--法人或者其他组-->
                        <p>
                            <span class="keys">法人或者其他组织（名称）：</span>
                            <span class="fillIn" th:text="${session.agentCompanyName}"></span>
                            <span class="keys"> 组织机构代码：</span>
                            <span class="fill" th:text="${session.agentCompanyNum}"></span>
                            <span class="keys"> 法人代表：</span>
                            <span class="fill" th:text="${session.agentLegalPerson}"></span>
                        </p>
                        <p>
                            <span class="keys"> 申请人：</span>
                            <span class="fill" th:text="${session.agentContacts}"></span>
                            <span class="keys">联系人电话（姓名） ：</span>
                            <span class="fillIn" th:text="${session.agentContactsPhone}"></span>
                            <span class="keys">电子邮箱：</span>
                            <span class="fill" th:text="${session.agentContactsEmail}"></span>

                        </p>
                           <!-- 请求事项-->
                        <p>
                            <span class="keys">请求事项： </span>
                            <span class="details" th:text="${session.reconsiderationRequest}"></span>

                        </p>
                            <!--事实与理由-->
                        <p>
                            <span class="keys">事实与理由：</span>
                            <span class="details" th:text="${session.factsEvidence}"></span>
                        </p>


                        <p >此致</p>
                        <span>（受理该复议的行政机关）</span> 

                        <p class="applyer clearfix">
                            <span class="keys">申请人（签名盖章或按指印）</span>
                            <span class="fill"></span>
                        </p>

                        <p class="applyTime clearfix">
                            <span class="fills fill"></span>
                            <span>年</span>
                            <span class="fills fill"></span>
                            <span>月</span>
                            <span class="fills fill" ></span>
                            <span>日</span>
                        </p>
                        </div>
                        <div class="form-group">
                            <div class="footer">
                                <button class="btn-primary" id="export" data-toggle="modal" data-target="#myModal">导出邮箱 </button>
                                <button class="btn-primary" id="confirmApply">提交申请 </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2" >
                    <div class="imgBox">
                        <img src="../static/image/law_steps_img_6@2x.png"  th:src="@{image/law_steps_img_6@2x.png}" alt=""/>
                    </div>
                </div>
             </div>
        </div>
    </section>



<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog messageDialog">
        <div class="modal-content">
            <input id="projectId" type="hidden" th:value="${session.projectId}" />
            <div class="modal-body">
                <h4>
                    导出邮箱
                </h4>
                <div class="form-group clearfix">
                        <label for="email" class=" control-label">邮箱地址:</label>
                        <input type='email' class="form-control"  id="email" placeholder="请填写您的邮箱"  />
                </div>
                <p class="tip">注：当前文档将作为附件发送到上述邮箱~</p>
                <div class="modal-footer">
                    <a type="button" class="btn btn-default" id="confirm" >确定</a>
                    <a type="button" class="btn btn-default" data-dismiss="modal">取消</a>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>



    <!--提交成功弹框 -->
    <div id="fade" class="black_overlay" onclick="CloseDiv('MyDiv3', 'fade');"></div>
    <div id="MyDiv3" class="white_content" >
        <div class="submitArea">
            <h3>提交成功</h3>
            <span class="closeWin" onclick="CloseDiv('MyDiv3', 'fade');">×</span>
            <img th:src="@{image/adjust_icon_submit@2x.png}" />
            <p class="tip">您的申请已经成功提交，工作人员 会在1~3个工作日内与您联系， 请保持电话畅通！ </p>
            <button class='toIndex' onclick="CloseDiv('MyDiv3', 'fade');">返回</button>
        </div>
    </div>

</body>


<script src="../static/js/jquery-3.4.1.min.js" th:src="@{js/jquery-3.4.1.min.js}"></script>
<script src="../static/js/common.js"  th:src="@{js/common.js}"></script>
<script src="../static/js/bootstrap.min.js"  th:src="@{js/bootstrap.min.js}"></script>
<script src="../static/layer/layer.js"  th:src="@{layer/layer.js}"></script>
<script type="text/javascript">


    $('.toIndex').click(function(){
        window.location.href="/index";
    })

	$('#confirm').click(function(){
            var email=isEmail($('#email').val());
            if(email){
             var projectId = $('#projectId').val();
                $.post('/sendMail', {'to_email':$('#email').val(),"projectId":projectId}, function(datas, status){
                 $('#myModal').modal('hide');
                    if(datas.success==0){
                        layer.msg(datas.msg);
                    }
                },'json')
                 }else{
                    layer.msg('请输入正确的邮箱！')
                 }
            });

    $('#confirmApply').click(function(){
        var projectId = $('#projectId').val();
        $.ajax({
            url:'/addReconsideration',
            method:'post',
            data:{"projectId":projectId},
            success:function(result){
            if(result.success==0){
             	ShowDiv('MyDiv3', 'fade');
            }else{
                layer.msg(result.msg);
                }
            }
        });

    })
</script>
</div>
</body>

</html>
